<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets">

	<nav class="top-bar data-topbar">
		<ul class="title-area">
			<li class="name">
				<h1>
					<a href="/PresentationDream/pages/accueil.jsf">DreamsHop</a>
				</h1>
			</li>
			<li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a>
			</li>
		</ul>
		<section class="top-bar-section">

			<!-- Left Nav Section -->
			<ul class="left">
				<li class="has-dropdown not-click"><a
					href="/PresentationDream/pages/catalogue.jsf">Catalogue de
						rêves</a>
					<ul class="dropdown">
						<li><a href="/PresentationDream/pages/catalogue.jsf">Rêves
								de gloire</a></li>
						<li><a href="/PresentationDream/pages/catalogue.jsf">Voyages</a>
						</li>
						<li class="has-dropdown not-click"><a href="#">Sport</a>
							<ul class="dropdown">
								<li><a href="/PresentationDream/pages/catalogue.jsf">Football</a>
								</li>
								<li><a href="/PresentationDream/pages/catalogue.jsf">Jokari</a>
								</li>
							</ul></li>
						<li><a href="/PresentationDream/pages/catalogue.jsf">Science-fiction</a>
						</li>
						<li><a href="/PresentationDream/pages/catalogue.jsf">Historiques</a>
						</li>
						<li><a href="/PresentationDream/pages/catalogue.jsf">Paix
								dans le monde</a></li>
						<li><a href="/PresentationDream/pages/catalogue.jsf">Coquins</a>
						</li>
					</ul></li>
			</ul>

			<!-- Right Nav Section -->
			<ul class="right">
				<li class="has-dropdown not-click"><a href="#">Administration</a>
					<ul class="dropdown">
						<li><a href="../admin/listeRevesBoutique.jsf">Gestion rêves</a></li>
						<li><a href="../admin/gestionPromotion.jsf">Gestion
								promotions</a></li>
						<li><a href="../admin/commandesRecuesBoutique.jsf">Commandes
								reçues</a></li>
					</ul></li>
				<li><a href="#" data-reveal-id="inscription">Inscription</a></li>
				<li class="has-dropdown not-click"><a href="#">Mon compte</a>
					<ul class="dropdown">
						<li><a href="#"  data-reveal-id="monProfil">Mon profil</a></li>
						<li><a href="#" data-reveal-id="mesCommandes">Mes commandes</a></li>
					</ul>
				</li>
					
				<li class="has-form">
					<form method="post" action="register.jsf">
						<div class="row collapse">
							<div class="large-4 small-4 columns">
								<a href="#" class="button" data-reveal-id="loginDiv">Connexion</a>
							</div>
						</div>
					</form>
				</li>
			</ul>
		</section>
	</nav>
	<div id="loginDiv" class="reveal-modal small" data-reveal="true">
		<ui:include src="./forms/login.xhtml" />
	</div>
	<div id="monProfil" class="reveal-modal" data-reveal="true">
		<ui:include src="./forms/monProfil.xhtml" />
	</div>
	<div id="mesCommandes" class="reveal-modal" data-reveal="true">
		<ui:include src="./forms/mesCommandes.xhtml" />
	</div>
	<div id="inscription" class="reveal-modal" data-reveal="true">
		<ui:include src="./forms/inscription.xhtml" />
	</div>
	<div id="creerAdresse" class="reveal-modal" data-reveal="true">
		<ui:include src="./forms/creerAdresse.xhtml" />
	</div>
	<div id="modifierAdresse" class="reveal-modal" data-reveal="true">
		<ui:include src="./forms/modifierAdresse.xhtml" />
	</div>
</ui:composition>